﻿@{
ViewBag.Title = "排程";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@section mystyle{
<link href="~/Content/vendor/fullcalendar2/dist/fullcalendar.min.css" rel="stylesheet" />

}


<div class="container margin-top-20">
  <div class="row">
    <div class="col-sm-12">
      <div id="calendar"></div>
    </div>

    <div class="col-sm-12 margin-top-20">
      <div id="projectInfo"></div>
    </div>

    <div class="col-sm-12 margin-top-20">
      <button type="button" class="btn btn-warning" id="addProject">添加日程</button>
    </div>

    <div id="table" class="col-sm-12 margin-top-20">
      <table class="table text-center" id="tableList"></table>
    </div>

    <div class="col-sm-12 clearfix">
      <!--<div class="pages"></div>-->
      <p class="float-left">总条数：<span id="totalRow"></span></p>

      <div class="table-pagination float-right line-height-34 margin-left-10 text-center" id="pages"></div>

      <div class="float-right">
        <form class="form-inline">
          <span>显示条数：</span>
          <select name="pageSize" id="pageSize" class="form-control">
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="30">30</option>
          </select>
        </form>
      </div>


    </div>
  </div>
</div>


<script id="list" type="text/html">
  <thead>
  <tr>
    <th></th>
    <th>出差目的</th>
    <th>执行时间</th>
    <th>参与人员</th>
    <th class="w250">操作</th>
  </tr>
  </thead>
  <tbody>
    {{each $data}}
    <tr>
      <td>{{$index + 1}}</td>
      <td>{{$value.Name}}</td>
      <td>{{$value.StartTime}} - {{$value.EndTime}}</td>
      <td></td>
      <td>
        <button type="button" class="btn btn-success editProject">编辑项目</button>
        <button type="button" class="btn btn-danger margin-left-10 delProject">删除</button>
      </td>
    </tr>
    {{/each}}
  </tbody>
</script>

<div class="modal fade" id="projectEdit" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content padding-10 w700">
      <div class="row">
        <div class="col-sm-12">
          <div class="text-right padding-10">
            <a class="close-pop font-16" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
          </div>
        </div>
      </div>

      <form class="form-horizontal">
        <div class="form-group">
          <label for="td1" class="col-sm-3 control-label">出差目的</label>
          <div class="col-sm-9">
            <input type="text" class="form-control" name="td1" id="td1" placeholder="主题">
          </div>
        </div>

        <div class="form-group">
          <label for="td2" class="col-sm-3 control-label">地点</label>
          <div class="col-sm-9">
            <input type="text" class="form-control" name="td2" id="td2" placeholder="地点">
          </div>
        </div>

        <div class="form-group">
          <label for="td3" class="col-sm-3 control-label">执行时间</label>
          <div class="col-sm-9 input-daterange">
            <!--<div class="datepk-box c-select vm w220 pop-style vm">
              <input type="text" name="td3" id="td3" readonly class="datepk form-control">
              <span class="c-select-btn"></span>
            </div>

            <span class="padding-left-10 padding-right-10 vm">至</span>

            <div class="datepk-box c-select vm w220 pop-style vm">
              <input type="text" name="td4" id="td4" readonly class="datepk form-control">
              <span class="c-select-btn"></span>
            </div>-->
            <div class="input-group input-daterange">
              <input type="text" class="form-control" name="td3" id="td3" readonly>
              <span class="input-group-addon">至</span>
              <input type="text" class="form-control" name="td4" id="td4" readonly>
            </div>
          </div>
        </div>

        <div class="form-group">
          <div class="col-sm-9 col-sm-offset-3 red">*费用标准设置（无费用预算则不填写）</div>
        </div>

        <div class="form-group">
          <label for="td5" class="col-sm-3 control-label">城市间交通费用</label>
          <div class="col-sm-9">
            <span>合计不超过</span>
            <input type="text" class="form-control w220 vm margin-left-10 text-right" name="td5" id="td5" placeholder="0">
          </div>
        </div>

        <div class="form-group">
          <label for="td6" class="col-sm-3 control-label">市内交通费用</label>
          <div class="col-sm-9">
            <span>合计不超过</span>
            <input type="text" class="form-control w220 vm margin-left-10 text-right" name="td6" id="td6" placeholder="0">
          </div>
        </div>

        <div class="form-group">
          <label for="td7" class="col-sm-3 control-label">住宿费用</label>
          <div class="col-sm-9">
            <span>合计不超过</span>
            <input type="text" class="form-control w220 vm margin-left-10 text-right" name="td7" id="td7" placeholder="0">
          </div>
        </div>

        <div class="form-group">
          <label for="td8" class="col-sm-3 control-label">包干费用</label>
          <div class="col-sm-9">
            <span>合计不超过</span>
            <input type="text" class="form-control w220 vm margin-left-10 text-right" name="td8" id="td8" placeholder="0">
          </div>
        </div>

        <div class="form-group">
          <label for="td9" class="col-sm-3 control-label">其他</label>
          <div class="col-sm-9">
            <span>合计不超过</span>
            <input type="text" class="form-control w220 vm margin-left-10 text-right" name="td9" id="td9" placeholder="0">
          </div>
        </div>

        <div class="form-group">
          <div class="col-sm-3 col-sm-offset-3">
            <button type="button" class="btn btn-danger btn-block" id="save">保存</button>
          </div>
        </div>

      </form>


    </div>
  </div>
</div>

@section myscript{
<script src="~/Content/vendor/fullcalendar2/min/moment.min.js"></script>
<script src="~/Content/vendor/fullcalendar2/min/zh-cn.js"></script>
<script src="~/Content/vendor/fullcalendar2/dist/fullcalendar.min.js"></script>
<script src="~/Content/js/bind22.js"></script>
}